import styled from 'styled-components'
export const Footer = styled.div`
    display:flex;
    align-items:space-between;
    
`
export const FooterLeft = styled.div`
    .footerleftTop{
        display:flex;
        .item{
        a{
            color:#10066329;
        }
        span{
            color:#10066329;
            padding:0 5px;
        }
        
    }
    }
    
    .copyright{
        span{
            margin-right:20px;
        }

    }
    .report{
        span{
            margin-right:20px;
        }
    }
    .info{
        span{
            margin-right:20px;
            
        }
    }
    
`
export const FooterRight=styled.div`
    display:flex;
    .rightItem{
        width:60px;
        height:70px;
        text-align:center;
        margin-right: 40px;
        .bgc{
            display:block;
            margin:0 auto;
            width: 50px;
            height: 45px;
            background-size: 110px 450px;
            background-image: url(${require("@/assets/img/sprite_footer_02.png").default});
        }
        .bgc:nth-child(1)  {
        background-position: -60px -101px;
        }
        .bgc:nth-child(2)  {
        background-position: 0 0;
        }
        .bgc:nth-child(3){
        background-position: -60px -50px;
        }
        .bgc:nth-child(4){
        background-position: 0 -101px;
        }
        }
`
